home *** CD-ROM | disk | FTP | other *** search
/ MacWorld 1998 May / Macworld (1998-05).dmg / Games World / Shareware Games / Board / Differences Game™ / Differences Game Instructions / Differences Game Instructions.rsrc / TEXT_128.txt < prev    next >
Encoding:
Text File  |  1997-04-09  |  16.8 KB  |  624 lines

  1.      
  2.  Instructions and Scripting for the ‚ÄúDifferences Game‚Äù
  3.        
  4.            Game and instructions by R. Tolman, Osoyoos, B.C. Canada
  5.     
  6.         Note: Choice of  Clip Art pictures and sounds depends on resources available.
  7.                                  
  8.      A reasonable knowledge of HyperCard will help in making this game. 
  9.  
  10. Figure 1: The Title Page. (The Color Text option is shown)
  11.  
  12.  
  13.  
  14.  
  15.     
  16.  
  17.  
  18.  
  19.  
  20.  
  21.  
  22.  
  23.  
  24.  
  25.  
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  
  32.  
  33.  
  34.  
  35.  
  36.  
  37. In this fun to make HyperCard game, the student will learn about the following: 
  38.       
  39.    Buttons  ‚Ä¢ Text fields  ‚Ä¢ Popup fields  ‚Ä¢ Tool Palette (Pencil tool - Marquee 
  40.    tool  - Eraser - Paint Bucket - Fat Bits) ‚Ä¢ Pattern Palette  ‚Ä¢ Importing of 
  41.    Clip Art pictures using ClickArt¬ÆClipOut  ‚Ä¢ Cut  ‚Ä¢ Paste  ‚Ä¢  Artistic    
  42.    layout skills ‚Ä¢ Finder  ‚Ä¢ Scripting  ‚Ä¢ Installing stack resources using 
  43.   ResCopy  ‚Ä¢ Visual Effects ‚Ä¢ Cloning new buttons and fields  ‚Ä¢ Shortcuts for 
  44.    accessing and writing scripts ‚Ä¢ Layering buttons and fields.
  45.   
  46. Students will also learn and use the following HyperCard shortcuts:
  47. New Card (Ô£øN)    Copy (Ô£øC)    Paste (Ô£øV) Background (Ô£øB) Undo (Ô£øZ)
  48.  
  49. Enrichment Scripts: Sound - Color Text - Stack Protection    
  50.  
  51.  
  52. Part 1 - Instructions to make the title page: (1st card of stack)
  53.  
  54. Directions To Make a New Stack:
  55.  
  56. ‚Ä¢ Go to the menu bar, select File, choose New Stack.
  57.   A window will appear. Fig. 2.  
  58.  
  59. ‚Ä¢ Name your New Stack - ‚ÄúDifferences Game‚Äù - enter your name
  60.  
  61. ‚Ä¢ Check the ‚ÄúOpen stack in a new window‚Äù box. 
  62.  
  63. Note: "Open stack in new window" keeps the current stack open when a new stack is created. This is a good choice if you will be switching back and forth between stacks but it requires more memory.
  64.  
  65. Figure 2: Making a new card.
  66.  
  67.  
  68.  
  69.  
  70.  
  71.  
  72.  
  73.  
  74.  
  75.  
  76.  
  77.  
  78.  
  79.  
  80.  
  81.  
  82.  
  83.  
  84.  
  85. Adding a background design to the stack: 
  86.  
  87. Once you have created a new stack, it is nice to make a background design. The design used in this stack (see Figure 1) is a narrow grey border. Because it was made in the background, it will be visible on all other cards in this stack. To make this background design:
  88.  
  89. ‚Ä¢ Go to the background (Ô£øB) and, using the Square tool from the Tool palette,  
  90.   draw a simple rectangular design. Fill the thin, outer frame with a pattern 
  91.   from the Patterns palette using the paint bucket. This background will be   
  92.   visible on all of the cards that follow. Again, look at  the background design 
  93.   used in Figure 1. Remember, once the rectangular design has been made 
  94.   in the background, go back to the foreground (Ô£øB) and continue making the 
  95.   game graphics, Level of Difficulty box, buttons, etc.
  96.  
  97. Selecting a graphic (picture) for the title page using ClickArt¬ÆClipout to open and select clip art:
  98. (Variations may occur due to different methods of selecting and copying clip art)
  99.  
  100. ‚Ä¢ Click on the Apple Menu (the colored apple) at the top, left of the menu
  101.    bar. Drag down to ClickArt¬ÆClipout. Method of selecting clip art will vary.
  102.  
  103. ‚Ä¢  A window will appear on the screen. See Figure 3. Click on Open .
  104.    Choose Desktop. Select the Hard Drive and double-click on it. Select 
  105.    the Clip Art folder and open it. Choose Cartoons and pick a favorite for  
  106.    your Title Page. Choose the Marquee or Lasso tool from the Tool palette, 
  107.    outline the chosen cartoon and copy it (Ô£øC).
  108.  
  109. ‚Ä¢  To return to the title page, go to the Finder (the last icon at the right-hand 
  110.    of  the menu bar) and drag down to HyperCard. This will return you back to 
  111.    HyperCard.
  112.  
  113. ‚Ä¢  Paste (Ô£øV) two copies of the graphic onto your Title Page. Position one 
  114.    on each side of the card. Select the right-hand graphic with the 
  115.     marquee tool, go to Paint in the menu bar, choose Flip Horizontal. 
  116.    This will give you a mirror image of the graphic. Arrange the two pictures
  117.    on the Title Page so there is one on each side of the card. See Fig. 1 and 8.
  118.    Change some parts of the right hand graphic as illustrated. See Fig. 1.
  119.  
  120. Figure  3: Selecting and copying clip art using the application ClickArt¬Æ Clipout.
  121.  
  122.  
  123.  
  124.  
  125.  
  126.  
  127.  
  128.  
  129.  
  130.  
  131.  
  132.  
  133.  
  134.  
  135.  
  136.  
  137.  
  138.  
  139.  
  140.  
  141.  
  142.  
  143.  
  144.  
  145.  
  146. Useful information to aid in stack construction:
  147.  
  148. 1) When closing a script window, simply push the ‚ÄúEnter‚Äù key. All    
  149.      scripting and changes to scripting will be saved automatically without 
  150.      having to go through ‚ÄúSave Changes to Script‚Äù and ‚ÄúYes‚Äù.
  151.  
  152. 2) If the menu bar is hidden when the stack opens, push Ô£ø Spacebar, 
  153.      both at the same time. The menu bar will reappear.
  154.  
  155. 3) To go to the 1st card of any stack use the command (Ô£ø1).
  156.  
  157. 4) To go to the last card of any stack use the command (Ô£ø 4).
  158.  
  159. Making the boxes for the "Level of Difficulty" and "Quit Game" buttons:
  160.  
  161. ‚Ä¢ Choose theSquare tool from the Tool palette, draw a simple rectangular design as shown in Fig. 4. Fill the thin  frame with a pattern from the Patterns palette using the paint bucket.
  162.  
  163. Making the ‚ÄúLevel of Difficulty‚Äù and "Quit Game" buttons:
  164. (Done in the foreground of Title Page)
  165.  
  166. ‚Ä¢ The one "Quit Game" and three small "Level of Difficulty" buttons are placed 
  167.   on the title page. See Figure 1 and 4.
  168.  
  169. The "Level of Difficulty" buttons will be for use in the future when you make the game cards. Make these buttons and script them as shown in Fig. 5. Don‚Äôt worry about supplying their card ID numbers until later, after the game cards have been made. 
  170.  
  171. The "Quit Game" button should be made and scripted at this time. Fig. 4.
  172. Type the script shown in Fig. 5 into the "Quit Game" button script window.
  173.  
  174. Figure 4:  ‚Äú Level of Difficulty ‚Äù  box showing four active buttons.
  175.  
  176.  
  177.  
  178.  
  179.  
  180.  
  181.  
  182.  
  183.  
  184.  
  185.  
  186. ‚Ä¢ To make a button, select the Button tool from the Tool palette. Hold down  
  187.   the Command key (Ô£ø) as you click and drag a button to the size required. 
  188.   The selected button may be resized, if needed, by clicking on a corner of the 
  189.   active button, then dragging it to the required size. 
  190.  
  191. ‚Ä¢ Once one "Level of Difficulty" button is made, double-click on it and set the 
  192.   button attributes to:
  193.         
  194.   - Style: Radio Button
  195.   - Family: 1
  196.   - Select  Auto Hilite but not Show Name.
  197.  
  198. Let's clone (make an exact copy) two more "Level of Difficulty" buttons. To do this:
  199.  
  200. 1) Select  the completed button to make it active. (choose the button tool and 
  201.      click on the chosen button)
  202.  
  203. 2) Hold down the Option key as you click on the button and drag a new 
  204.      button.
  205.  
  206. The three "Level of Difficulty" buttons, when clicked, will allow you to travel to each of the game cards in the stack. Place them as shown in Fig. 4.
  207.  
  208. Trivia: A windoid is a tiny window. 
  209.  
  210. Make one "Quit Game" button and set the button attributes to:
  211.  
  212.   - Style: Transparent
  213.   - Select  Auto Hilite and Show Name.
  214.   - Name: Quit Game
  215.  
  216. Locate this button as shown in Fig. 4.
  217.  
  218. Before we make the game cards, let‚Äôs write a script, or two: (This first script will allow you to travel to the game card once the card id number is entered.)
  219.  
  220. ‚Ä¢ To get to the script  window for each ‚ÄúLevel of Difficulty‚Äù button, hold down 
  221.    both the Command and Option keys at the same time while clicking on 
  222.    a ‚ÄúLevel of Difficulty‚Äù button. A Script window will open. See Figure 5.
  223.  
  224.  
  225. Figure 5: ‚ÄúLevel of Difficulty‚Äù  button script.   
  226.            
  227.  
  228.  
  229.  
  230.  
  231.  
  232.  
  233.  
  234.  
  235.  
  236.  
  237.  
  238.  
  239.  
  240. ‚Ä¢  Type the script shown above for each of the three small ‚ÄúLevel of Difficulty‚Äù 
  241.     buttons. Leave the card id number blank for right now.
  242.  
  243.    Later on in these instructions, you will be told how to make the three game 
  244.    cards. Once these cards have been made, come back to these ‚ÄúLevel of 
  245.    Difficulty‚Äù button scripts you are now typing and fill in their correct card ID 
  246.    numbers.  
  247.  
  248. How to find a card id number:
  249.  
  250. 1) Go to the card you want the number for.
  251.  
  252. 2) Go to the Menu bar, and choose ‚ÄúObjects‚Äù.
  253.  
  254. 3) Drag down to ‚ÄúCard Information‚Äù. You will find the number of the card 
  255.      when the card information window opens. Type it in where the blank line 
  256.      appears in the above script. 
  257.  
  258.  
  259. Figure 6: The "Quit Game" button script.
  260.  
  261.  
  262.  
  263.  
  264.  
  265.  
  266.  
  267.  
  268.  
  269.  
  270.  
  271.  
  272.  
  273.  
  274.  
  275.  
  276.  
  277. A stack script can do special things for your game: 
  278.  
  279. This stack is scripted with two types of script. They are entered into the stack script window. The script window can be reached from any card in the stack. (Ô£ø Option S to reach this window) See Figure 7.
  280.  
  281. 1) The ‚Äúon openStack‚Äù script.
  282.  
  283. This will cause the menu bar to be hidden and the user level to be set to 
  284. Level 1, which is browsing. A user can only look at and move through (browse) stacks when the user level is 1.
  285.  
  286.  
  287. 2) The ‚Äúon closeStack‚Äù script .
  288.  
  289. This will cause the sound ‚Äúbye‚Äù to be played upon closing of the stack.
  290.  
  291. Figure 7: The stack scripts.
  292.  
  293.  
  294.  
  295.  
  296.  
  297.  
  298.  
  299.  
  300.  
  301.  
  302.  
  303.  
  304.  
  305.  
  306. Note: Scripting found in the stacks preceded by the word play and then the name of the sound in quotations (e.g. ‚Äúbye‚Äù), is optional. It may be left out. See Figure 6 & 7.    
  307.  
  308. More useful quick commands:
  309.  
  310. - To bring down the tool palette: Option Tab
  311.  
  312. - To bring down the Patterns Palette: Tab (Not while in Browse, Button or 
  313.   Field tools)
  314.  
  315. - To undo any action: Ô£øZ (must be done immediately after making an error)
  316.  
  317. - To go to the Home card in HyperCard: Ô£øH
  318.  
  319.  
  320.  
  321.  
  322.  
  323.  
  324. Part 2 - Instructions to make the Game Cards: 
  325.                    (This applies to cards #2,3 & 4 in the stack)
  326.  
  327. ‚Ä¢ Once the Title Page is completed to this stage, it is time to make the first of 
  328.    the three game cards.
  329.  
  330. ‚Ä¢ With the title page visible, make a new card by pushing both Command 
  331.   and N at  the same time (Ô£øN). A new card will appear. This card takes it‚Äôs 
  332.   place second in line, right after the Title Page. Notice that it has the same 
  333.   background graphics as the Title page.
  334.  
  335.  
  336. Figure 8: One of the three ‚ÄúGame‚Äù cards.
  337.  
  338.  
  339.  
  340.  
  341.  
  342.  
  343.  
  344.  
  345.  
  346.  
  347.  
  348.  
  349.  
  350.  
  351.  
  352.  
  353.  
  354.  
  355.  
  356.  
  357.  
  358.  
  359.  
  360.  
  361.  
  362.  
  363. ‚Ä¢ Once a card for the first of your game cards has been made, it is time to  
  364.   place the graphics. One picture goes on each side of the card, as in 
  365.   Figure 8 above.
  366. ‚Ä¢ Selecting a graphic for the game card: (All work is done in the foreground.)
  367. ‚Ä¢ The instructions for this operation have already been fully explained in the 
  368.    section entitled ‚ÄúSelecting a graphic (picture) for the title page‚Äù. See Fig. 3.
  369.  
  370. Important: Do not flip the right hand graphic to a mirror image this time. Have both graphics face the same direction. This will make it easier for the player to locate the ‚ÄúDifferences‚Äù.
  371.  
  372. Drawing the ‚ÄúScore Box‚Äù on the Title Page:
  373.  (All work is to be done in the foreground of the card.)
  374.  
  375. ‚Ä¢  To draw the Score Box, select the Rectangle tool from the Tool palette. 
  376.    Draw the two thin-line rectangles as shown in Figure 9a below.
  377.  
  378. Figure 9:             ¬†
  379.               
  380.                                                                     
  381.  
  382.  
  383.  
  384.  
  385. ‚Ä¢ Select Text in the Tool box and double-click on it. A Text Properties window 
  386.    will open. See Figure 10 below. Select the following attributes:
  387.  
  388.    Style - Outline                                    Size - 20
  389.    Font - Geneva         Align - Center
  390.                         
  391. Figure 10:  The ‚ÄúText Properties‚Äù window settings.
  392.  
  393.  
  394.  
  395.  
  396.  
  397.  
  398.  
  399.  
  400.  
  401.  
  402.  
  403.  
  404.  
  405.  
  406.  
  407.  
  408.  
  409.  
  410.  
  411.  
  412.  
  413.  
  414.  
  415. ‚Ä¢ Type the word ‚Äú Score ‚Äù, using the above attribute settings. Center it in  
  416.    the smaller of the two boxes as shown in Figure 9a. Select the Paint Bucket 
  417.    from the Tool palette and fill the space in the smaller box with black. Be 
  418.    sure to fill the white center of the letter ‚ÄúO‚Äù also. This will give the desired 
  419.    white type. See Figure 9b.
  420.  
  421. Making the Score Box field: (All work to be done in the foreground.)
  422.  
  423. ‚Ä¢ Select the Field tool from the Tool palette. Make a small field and place it in  
  424.    the center of the Score Box as shown in Figure 9c. Double-click on the 
  425.    active field to open the Field information window. Name the field ‚Äúplus‚Äù.
  426.  
  427. ‚Ä¢ With the Field information window still open, select Text Style. A new 
  428.   window will open. See Figure 11. This is the Text Properties window. 
  429.   
  430. ‚Ä¢ Set the field attributes as follows: 
  431.  
  432.    Font - Geneva        Style - leave all unchecked        
  433.    Size - 20                  Align - Center
  434.                                  
  435. Figure 11: Setting the attributes for the field,‚ÄúScore‚Äù.
  436.  
  437.  
  438.  
  439.  
  440.  
  441.  
  442.  
  443.  
  444.  
  445.  
  446.  
  447.  
  448.  
  449.  
  450.  
  451.  
  452.  
  453.  
  454.  
  455.  
  456.  
  457.  
  458.  
  459. ‚Ä¢ Now we come to the part of the instructions where we will be making the 
  460.   small buttons which add and subtract from the score. These buttons are 
  461.   quite small (mostly less than one centimeter square) and are placed in 
  462.   locations on the right hand graphic of each game card only. Some 
  463.   of these will be placed on areas of the graphic which has been changed, 
  464.   others will be placed on areas which have not been changed. More 
  465.   information will be given about these later.
  466.  
  467. ‚Ä¢ The easiest way to make a number of the same kind of buttons (or fields) is 
  468.    to clone or copy them. To do this:
  469.  
  470. 1)  Make one button, script it and set it‚Äôs attributes. ie. transparent, radio, auto 
  471.      hilite, etc.
  472.  
  473. 2) Choose the Button tool from the Tool palette. Hold down the Option key, 
  474.      click on the button and drag in a downwards motion. The button will be 
  475.      cloned.  Rename the cloned buttons and make changes to the script as 
  476.      needed. Repeat as necessary.
  477.  
  478. Making the ‚ÄúAdd 1 to Score‚Äù buttons:
  479.  
  480. ‚Ä¢ Scattered about on the game card are buttons that, when clicked, will add to
  481.    the score. Once these buttons have been pushed, they also become 
  482.    hidden. Now  multiple points cannot be scored by repeatedly pushing the 
  483.    ‚ÄúAdd 1 to Score‚Äù buttons. Hidden buttons will reappear when the reset 
  484.    button is pushed. Instructions for making the ‚Äúreset‚Äù button will come later.
  485.  
  486. ‚Ä¢ Carefully type the script. The scripts within the two rectangular boxes are an 
  487.    optional ‚Äúprompt‚Äù for the player as he or she plays the game. Place these 
  488.    three lines on just one of the ‚ÄúAdd 1 to Score‚Äù  buttons. The sound 
  489.    ‚Äúhowsyourscore‚Äù will play only under the following two conditions:
  490.  
  491. 1) The player must ‚Äújust then‚Äù be scoring the second point, and...
  492.  
  493. 2) The player must be pushing the ‚Äúso scripted‚Äù button just as he scores the 
  494.      second point. Remember, only one button is scripted as such.
  495.  
  496.  
  497.  
  498. Figure 12: Scripting the ‚ÄúAdd 1 to Score‚Äù buttons. (Script enclosed within the rectangles is optional.)
  499.  
  500.  
  501.  
  502.  
  503.  
  504.  
  505.  
  506.  
  507.  
  508.  
  509.  
  510.  
  511.  
  512.  
  513.  
  514.  
  515. ‚Ä¢ Set the button attributes to:
  516.  
  517.    Style - Transparent
  518.    Family - None
  519.    Do not check Show Name or Auto Hilite
  520.  
  521. Important: Be sure to name each of the buttons as they are made.
  522.  
  523. Hint: It is a really good idea to write the names of the buttons on a piece of paper and to use this as a reference when scripting. Be extra careful to spell the names correctly and to watch capitalization. 
  524.  
  525. Making the ‚ÄúSubtract 1 from Score‚Äù buttons:
  526.  
  527. ‚Ä¢ These buttons are scattered about on the game card graphic in random 
  528.   locations. Their purpose is to subtract  from the score if a lazy player clicks 
  529.   haphazardly on the game graphics in an attempt to score points unfairly. 
  530.  
  531. Note: These buttons do not disappear when clicked as the ‚ÄúAdd 1 to Score‚Äù 
  532.              buttons do.
  533.  
  534. ‚Ä¢ To make these buttons, follow the directions given for the ‚ÄúAdd 1 to Score‚Äù 
  535.    buttons. Do not name these buttons. Copy the script as shown in Figure 13.
  536.  
  537. Figure 13: Scripting the ‚ÄúSubtract 1 from Score‚Äù button.
  538.  
  539.  
  540.  
  541.  
  542.  
  543.  
  544.  
  545.  
  546.  
  547.  
  548.  
  549.  
  550.  
  551. Note: The name of the sound you choose will most likely be different from 
  552.             the one shown in Figure 13. (‚ÄúSnoopy‚Äù)
  553.  
  554. Making the Reset button:  
  555.  
  556. ‚Ä¢ The Reset button allows the player to reset the game.The script will cause 
  557.    the ‚ÄúAdd 1 to Score‚Äù buttons to be shown again.
  558.  
  559. ‚Ä¢ Make a reset button similar to the one shown in Figure 8. Place it on the 
  560.   game card in a similar location. 
  561.  
  562. Scripting the Reset button:
  563.  
  564. ‚Ä¢ Go to the Reset button script window (Hold down Ô£ø Option while clicking 
  565.   on the button). Type in the script exactly as shown in Figure 14. The only 
  566.   changes you may have will be the names of the buttons and the sounds you 
  567.   have chosen.
  568.  
  569. More useful information to aid in construction of the stack:  
  570.  
  571. Hint: To reset the stack user level, type Ô£ø M. A small windoid will open below  the bottom of the stack. Type set userLevel to 5 into this windoid, then push return. The stack will reset itself to Level 5, Scripting.
  572.  
  573.  
  574.  
  575.  
  576.  
  577.  
  578.  
  579.  
  580.  
  581.  
  582.  
  583.  
  584. Figure 14: Resetting the game card buttons.
  585.  
  586.  
  587.  
  588.  
  589.  
  590.  
  591.  
  592.  
  593.  
  594.  
  595.  
  596.  
  597.  
  598.  
  599.  
  600.  
  601.  
  602. Making the buttons which take you from the game cards back to the Title Page:
  603.  
  604. Now that the "Level of Difficulty" buttons are functional, we have the problem of how to return from a game card back to the Title Page. A button with an arrow and message provides a logical solution. 
  605.  
  606. ‚Ä¢ On each of the game cards, make a "Transparent" style button. Place 
  607.   each button in the lower left hand corner of each of the game cards.
  608.   See Figure 8.
  609.  
  610. ‚Ä¢ Select the Button tool then double-click on your newly-made button. A 
  611.   window will appear. Click Show Name and Auto Hilite. Name the 
  612.   button "Back to Start".
  613.         
  614.  ‚Ä¢ Push the Icon... button and select the small Left Arrow icon as shown in 
  615.    Figure 8. Close this window then click on LinkTo... .             
  616.  
  617. ‚Ä¢ A windoid will appear. Pushing (Ô£ø1) will return you to the the 1st card in the
  618.   stack, the Title Page. Now push  the button, This Card. 
  619.  
  620. ‚Ä¢ You have now linked your button to the Title Page. Choose the Browse 
  621.    button and and click on the Left Arrow button. It should return you to the 
  622.   Title Page.
  623.  
  624.